<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!-- 右侧选项菜单 -->
<div class="ob_options hidden-xs">
    <div class="options">
        <!-- 皮肤选择功能 -->
        <h6>皮肤颜色</h6>
        <div class="options-container color_skins">
            <a href="${ctx}/static/css/skins/palette.1.css" class="css_orange cs_color cs_1"></a>
            <a href="${ctx}/static/css/skins/palette.2.css" class="css_orange cs_color cs_2"></a>
            <a href="${ctx}/static/css/skins/palette.3.css" class="css_orange cs_color cs_3"></a>
            <a href="${ctx}/static/css/skins/palette.4.css" class="css_orange cs_color cs_4"></a>
            <a href="${ctx}/static/css/skins/palette.5.css" class="css_orange cs_color cs_5"></a>
            <a href="${ctx}/static/css/skins/palette.6.css" class="css_orange cs_color cs_6"></a>
            <a href="${ctx}/static/css/skins/palette.7.css" class="css_orange cs_color cs_7"></a>
            <a href="${ctx}/static/css/skins/palette.8.css" class="css_orange cs_color cs_8"></a>
            <a href="${ctx}/static/css/skins/palette.9.css" class="css_orange cs_color cs_9"></a>
            <a href="${ctx}/static/css/skins/palette.10.css" class="css_orange cs_color cs_10"></a>
        </div><!-- /.皮肤选择功能 -->
    </div>
    <div class="ob_toggle bg-color"><span class="fa fa-cog"></span></div>
</div><!-- /.右侧选项菜单 -->

<div class="app">
    <!-- 顶部导航 -->
    <header id="header" class="header header-fixed navbar">
        <!-- Logo -->
        <div class="brand">
            <a href="javascript:;" class="fa fa-bars off-left visible-xs" data-toggle="off-canvas" data-move="ltr"></a>
            <a href="index.html" class="navbar-brand text-white">
                <i class="fa fa-stop mg-r-sm"></i>
                <span class="heading-font">
                    凯信壹立OA系统
                </span>
            </a>
        </div><!-- /.Logo -->

        <!-- 右侧导航 -->
        <ul class="nav navbar-nav navbar-right off-right">
            <li class="quickmenu">
                <a href="javascript:;" data-toggle="dropdown">
                    <img src="${ctx}/static/img/user-160x160.jpg" class="avatar pull-left img-circle" alt="user" title="user">
                    <i class="caret mg-l-xs hidden-xs no-margin"></i>
                </a>
                <ul class="dropdown-menu dropdown-menu-right mg-r-xs">
                    <li>
                        <a href="javascript:;">
                            <div class="pd-t-sm">
                                gerald@morris.com
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="profile.html">Settings</a>
                    </li>
                    <li>
                        <a href="signin.html">Logout</a>
                    </li>
                </ul>
            </li>
        </ul><!-- /.右侧导航 -->
    </header><!-- /.顶部导航 -->

    <!-- 页面布局 -->
    <section class="layout">
        <!-- 左侧导航面板 -->
        <aside id="left" class="sidebar collapsible canvas-left">
            <!-- 左侧导航菜单 -->
            <div class="scroll-menu">
                <nav class="main-navigation slimscroll" data-height="auto" data-size="4px" data-color="#ddd" data-distance="0">
                    <ul>
                        <li>
                            <a href="${ctx}/index.jsp">
                                <i class="fa fa-coffee"></i>
                                <span>信息中心</span>
                            </a>
                        </li>
                        <li class="dropdown collapse-open open">
                            <a href="javascript:;" data-toggle="dropdown">
                                <i class="fa fa-user"></i>
                                <span>人事管理</span>
                                <i class="toggle-accordion"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="${ctx}/employee/employeeList.jsp">
                                        <span>员工资料</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="tables.html">
                                        <span>员工合同</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="modal.html">
                                        <span>本月寿星</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="javascript:;" data-toggle="dropdown">
                                <i class="fa fa-file"></i>
                                <span>界面</span>
                                <i class="toggle-accordion"></i>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div><!-- /.左侧导航菜单 -->
            <!-- 左侧导航底部信息 -->
            <footer>
                <div class="about-app pd-md animated pulse">
                    <a href="javascript:;">
                        <img src="${ctx}/static/img/about.png" alt="">
                    </a>
                    <span>
                        <b>凯信壹立</b><br />
                        <a href="javascript:;">
                            <b>技术平台研发部</b>
                        </a>
                    </span>
                </div>
                <div class="footer-toolbar pull-left">
                    <a href="javascript:;" class="pull-left help">
                        <i class="fa fa-question-circle"></i>
                    </a>
                    <a href="javascript:;" class="toggle-sidebar pull-right hidden-xs">
                        <i class="fa fa-angle-left"></i>
                    </a>
                </div>
            </footer><!-- /.左侧导航底部信息 -->
        </aside><!-- /.左侧导航面板 -->